
@media screen and (max-width: 1920px){
	.navigation {
	    width: 28%;
	    right: -30%;
	}

}

@media screen and (max-width: 1600px){
	.navigation {
	    width: 35%;
	    right: -38%;
	}
}

@media screen and (max-width: 1250px){
	.navigation {
	    width: 40%;
	    right: -42%;
	}
}

@media screen and (max-width: 1030px){
	html,
	body {
		width: 100%;
		height: 100%;
		min-width: 0px;
		color: #333;
	}
}

@media screen and (max-width: 940px){
	.navigation {
	    width: 50%;
	    right: -53%;
	}
}

@media screen and (max-width: 770px){
	html,
	body {
		height: auto;
	}
	.swiper-container1 {
		display: none;
	}
	.navigation {
	    width: 60%;
	    right: -63%;
	}

	.W-page2 {
		width: 100%;
		padding-bottom: 0px;
		display: block;
	}
	
	.slider {
		display: none;
	}

	.slider .items-group {
		display: none;
	}

	#wowslider-container{
		display: none;
	}

	.nav-toggle {
		background: transparent;
		box-shadow: 0 0 0 rgba(0, 0, 0, 0);
	}
	.W-s-yyue img {
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		  animation:runs 15s infinite linear;
	     -o-animation:runs 15s infinite linear;
	-webkit-animation:runs 15s infinite linear;
	   -moz-animation:runs 15s infinite linear;
	    -ms-animation:runs 15s infinite linear;
	   object-fit: cover;
	}
	.W-s-yyue {
		display: block;
		position: fixed;
		left: 3%;
		top: 10px;
		overflow: hidden;
		width: 40px;
		height: 40px;
		border-radius: 100%;
		margin-top: 0;
	}
	
	.nav-yuan {
	    right: 3%;
	    top: 0%;
	    z-index: 6666;
	    width: 60px;
	    margin: 0;
	    padding: 0;
	}

	.Ws-header {
		display: none;
		width: 100%;
		height: 60px;
		background: #444;
		position: fixed;
		top: 0;
		left:0;
		z-index: 200;
		color: #4094c7;
		font-size: 20px;
		line-height: 60px;
		text-align: center;
	}

	.W-head-portrait {
		display: none;
	}

	.W-yi-bg {
		display: block;
		width: 100%;
		text-align: center;
		padding-bottom: 5%;
		overflow: hidden;
		background: url(../img/WS1.jpg) no-repeat;
		background-position: center center;
		background-size: cover;
	}
	
	.Ws-tou {
		width: 25%;
		margin: 15% auto 0 auto;
		display: block;
		border-radius: 50%;
		border: 2px solid #a6a9aa;
	}
	
	.Ws-tou img {
		width: 100%;
		border-radius: 50%;
	}

	.W-yi-bg strong {
		display: inline-block;
		margin-top: -5px;
		font-size: 20px;
		font-weight: 500;
		color: #333;
		moz-user-select: -moz-none;
		-moz-user-select: none;
		-o-user-select:none;
		-khtml-user-select:none;
		-webkit-user-select:none;
		-ms-user-select:none;
		user-select:none;
	}

	.W-yi-bg h2 {
		font-family: myFirstFont, "微软雅黑", SimSun, "宋体", sans-serif;
		white-space: nowrap;
		font-size: 25px;
		color: #333;
		moz-user-select: -moz-none;
		-moz-user-select: none;
		-o-user-select:none;
		-khtml-user-select:none;
		-webkit-user-select:none;
		-ms-user-select:none;
		user-select:none;
	}
	
	.W-yi-bg p {
		line-height: 2.5rem;
	}
	.W-yi-bg .W-p2,.W-yi-bg .W-p1  {
		white-space: nowrap;
		font-size: 16px;
		color: #333;
		moz-user-select: -moz-none;
		-moz-user-select: none;
		-o-user-select:none;
		-khtml-user-select:none;
		-webkit-user-select:none;
		-ms-user-select:none;
		user-select:none;
	}

	.W-yi-bg .W-mailbox {
		font-size: 16px;
		color: #7d2704;
	}

   .Ws-me,.Ws-ji,.Ws-jing,.Ws-zuo,.Ws-lianxi{
	   	width: 92%;
	   	margin: 0 auto;
	   	padding-bottom: 0;
	   	overflow: hidden;
   }
   
   	.Ws-me-title {
   		margin-top: 13%;
   	}
   
	.Ws-me-title h3 {
		text-align: center;
		margin: 5% auto 0px auto;
		font-size: 2rem;
		font-weight: 500;
		white-space: nowrap;
	}
	.Ws-m .Ws-me-title h3 {
		width: 80px;
	} 
	.Ws-me-title i {
		display: block;
		margin: 0 auto 5% auto;
		width: 60px;
		height: 4px;
		background: rgb(51,122,183);
	}

	.Ws-me p,.Ws-ji p {
		text-indent: 32px;
		text-align: justify;
		font-size: 14px;
		line-height: 32px;
		
	}

	.Ws-ji .Ws-me-title h3 {
		width: 120px;
	}
	
	.Ws-ji .Ws-me-title i {
		width: 80px;
	}

	.Ws-ji p {
		text-indent: 0;
	}
	
	.Ws-tu,.Ws-PHOTOSHOP {
		width: 100%;
		margin-top: 8%;
	}
	
	.Ws-PHOTOSHOP em {
		text-transform: uppercase;
		font-style: normal;
		font-size: 1.2rem;
	}

	.Ws-ph {
		width: 100%;
		height: 30px;
		background: #bdc3c7;
		position: relative;
		border-radius: 5px;
	}
	
	.Ws-ph-f {
		position: absolute;
		left: 0;
		top: 0;
		width: 40%;
		background: #1abc9c;
		height: 100%;
		border-radius: 5px;
	}

	.Ws-jing .Ws-me-title i {
		width: 80px;
	}
	
	.Ws-time {
		width: 100%;
		height: 20px;
		line-height: 20px;
		font-size: 16px;
		color: #fff;
	}

	.Ws-time span {
		padding:0 5px;
		background: rgb(237,85,101);
		font-size: 16px;
	}

	.Ws-time img {
		margin-top: -3px;
		width: 22px;
		height: 20px;
		margin-right: 5px;
	}
	
	.Ws-gs {
		overflow: auto;
		margin-left: 10px;
		border-left: 2px solid rgb(51,122,183);
		padding-bottom: 5px;
		padding-left: 21px;
		margin-top: 3%;
	}
	
	.Ws-left-kong {
		float: left;
		width: 10px;
	}

	.Ws-gs strong {
		margin-top: 10px;
		display: block;
		font-size: 1.15rem;
		font-weight: 500;
		line-height: 1.5rem;
	}
	
	.Ws-gs em {
		font-size: 1.1rem;
		color: #E87E04;;
		line-height: 2rem;
		font-style: normal;
	}

	.Ws-gs p {
		font-size: 14px;
	}

	.Ws-jing-box ul li:not(:first-child){
		margin-top: 3%;
	}

	.Ws-zuo i {
		width: 80px;
	}

	.swiper-container3 {
		width: 90%;
	    margin: 0 auto;
	    height:300px;
		padding-bottom: 60px;
	}

	.swiper-container3 .swiper-wrapper,
	.swiper-container3 .swiper-slide {
		width: 100%;
		border-radius: 5px;
	}
	
	.swiper-container3 .swiper-slide1 {
		background: url(../img/work13.jpg);
		background-size: cover;
		background-position: center top; 
	}
	.swiper-container3 .swiper-slide2 {
		background: url(../img/work14.jpg);
		background-size: cover;
		background-position: center top; 
	}
	.swiper-container3 .swiper-slide3 {
		background: url(../img/work1.jpg);
		background-size: cover;
		background-position: center top; 
	}
	.swiper-container3 .swiper-slide4 {
		background: url(../img/work2.jpg);
		background-size: cover;
		background-position: center top; 
	}
	.swiper-container3 .swiper-slide5 {
		background: url(../img/work3.jpg);
		background-size: cover;
		background-position: center top; 
	}
	.swiper-container3 .swiper-slide6 {
		background: url(../img/work4.jpg);
		background-size: cover;
		background-position: center top; 
	}
	.swiper-container3 .swiper-slide7 {
		background: url(../img/work5.jpg);
		background-size: cover;
		background-position: center top; 
	}
	.swiper-container3 .swiper-slide8 {
		background: url(../img/work6.jpg);
		background-size: cover;
		background-position: center top; 
	}
	.swiper-container3 .swiper-slide9 {
		background: url(../img/work7.jpg);
		background-size: cover;
		background-position: center top; 
	}
	.swiper-container3 .swiper-slide10 {
		background: url(../img/work8.jpg);
		background-size: cover;
		background-position: center top; 
	}
	
	.swiper-container3 .swiper-pagination-bullet {
	    background: rgba(0,0,0,0.5);
	    opacity: 1;
	    width: 9px;
	    margin: 0 3px!important;
	    height: 9px;
	}
	.swiper-container3 .swiper-pagination-bullet:hover {
		 background: rgba(0,0,0,0.8);
	}
	.swiper-container3 .swiper-pagination-bullet-active {
		background: #000;
	}

	.swiper-container3 .swiper-slide a {
		width: 100%;
		text-align: center;
		color: #fff;
		font-size: 20px;
		display: block;
		line-height: 3rem;
		height: 3rem;
		background: #444;
		margin: 0 auto;
		border-radius: 5px 5px 0 0;
	}

	.bg-3 {
		display: none;
	}
	
	.bg-2  {
		z-index: 66666;
		display: none;
	}
	
	.Ws-bei {
		background-color: rgba(0, 0, 0, 0);
		font-size: 12px;
		width: 100%;
		text-align: center;
	}
	
	.W-pinglun {
		display: block!important;
		overflow: auto;
		width: 100%;
		position:static;
		padding-bottom: 0;
		left: 0;
		top: 0;
		z-index: 10000;
	}

	#SOHUCS {
		width: 94%!important;
		left: 0;
		top: 0;
		display: block;
		margin: 0 auto;
		margin-top: 0px!important;
	}
	
	.Ws-hui {
		display: none;
		width: 45px;
		height: 45px;
		position: fixed;
		background: #ccc;
		border-radius: 5px;
		bottom:15% ;
		right: 20px;
		text-align: center;
		line-height: 45px;
		opacity: .5;
		cursor: pointer;
		z-index: 333;
	}
	
	.Ws-hui img {
		width: 24px;
		height: 16px;
	}
	
	.Ws-ji .Ws-me-title i,.Ws-jing .Ws-me-title i,.Ws-me-title i {
		width: 0;
		display: block!important;
	}
	
	
	



}

@media screen and (max-width: 640px) { 
	.Ws-tou {
		width: 27%;
	}
	
}

@media screen and (max-width: 600px){
	.navigation {
	    width: 70%;
	    right: -73%;
	}	
	
}

@media screen and (max-width: 480px){
   .navigation {
	   width: 80%;
	   right: -120%;
	   border-left: transparent 140px solid;
	}
	
	.W-logo {
		width: 228px;
		height: 40px;
		position: fixed;
		right: -260px;
		bottom: 20px;
		z-index: 444;
		margin-right: 0px;
		line-height: 40px;
		font-family: "微软雅黑";
	}

	.W-logo img {
		width: 38px;
		height: 34px;
		margin-top: 3px;
		float: left;
	}

	.W-rem {
		float: left;
		font-size: 25px;
		font-weight: 100;
		color: #202020;
	}

	.W-logo-jian {
		float: left;
		position: relative;
	}

	.W-boke {
		color: #595758;
		position: absolute;
		top: 0px;
		left: 0px;
		width: 110px;
		height: 18px;
		line-height: 22px;
		font-size: 14px;
		text-align: center;
	}

	.W-qq {
		color: #fff;
		text-align: center;
		background: #000;
		font-size: 14px;
		width: 110px;
		height: 18px;
		position: absolute;
		left: 0px;
		top: 20px;
		line-height: 18px;
	}

	.W-zhan {
		float: right;
		font-size: 25px;
		font-weight: 100;
		color: #202020;
	}
	
	.Ws-tou {
		margin: 18% auto 0 auto;
		width: 35%;
	}
	
	.W-yi-bg p {
		line-height: 1.9rem;
	}
	
	.W-yi-bg strong {
		margin-top: -3px;
		line-height: 20px;
		font-size: 17px;
		font-weight: normal;
		font-weight: inherit;
	}

	.W-yi-bg h2 {
		font-size: 20px;
	}
		
	
	.W-yi-bg .W-p2,.W-yi-bg .W-p1  {
		font-size: 16px;
	}

	.W-yi-bg .W-mailbox {
		font-size: 15px;
	}

	.W-lian-bottom a img {
		width: 16px;
		height: 16px;
	}
	
	.W-lian-bottom a {
		line-height: 30px;
	}
	

	

} 
